<script>
	import {
		toLogin
	} from '@/utils/toLogin.js';

	import {
		getWechatInfo
	} from '@/api/api.js'
	
	var jweixin = require("jweixin-module");
	import wx from 'jweixin-module' //npm install jweixin-module --save 
	
	
	export default {
		globalData: {
			signLink: ""
		},
		onLaunch: function() {
			console.log('App Launch')
			// 检验登录状态
			// if (!uni.getStorageSync("accessToken")) {
			// 	toLogin()
			// } else {
			// 	uni.navigateTo({
			// 		url: '/pages/home/index'
			// 	})
			// }
		},
		onLoad() {
			console.log(location.href)
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
			// uni.clearStorage() // 临时 分享之后，用户每次点进来都需要重新登录
		},
		mounted() {
			uni.setStorage({
				key: 'WxCodeUrl',
				data: location.href
			});
			this.getSignUrl()
			this.getSignUrl()
			// alert(location.href.split('#')[0])

			if (this.isWeixin()) {
				// 注意：如果分享不成功，可能得在公众号里打开链接，才会成功!!!!!!!!!!!!!!!!!!!!!!!!!
				// 随便发给哪个公众号，点开再去分享就OK
				/* 	wx.checkJsApi({
						jsApiList: ['updateAppMessageShareData'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
						success: function(res) {
							// 以键值对的形式返回，可用的api值true，不可用为false
							// 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
								uni.showModal({
									title: '222',
								})
						}
					}); */

				// uni.showModal({
				// 	content: JSON.stringify(this.signLink)
				// })
				getWechatInfo({
					url: this.globalData.signLink,
					// url:'https://th.biboting.cn/badge/',
				}).then((res) => {
					// console.log(res.data)
					// uni.showModal({
					// 	content: JSON.stringify(res.data)
					// })
					// 微信浏览器
					wx.config({
						debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
						appId: res.data.appId, // 必填，公众号的唯一标识
						// appId: 'gh_7d37ef0cd883', // 必填，公众号的唯一标识
						timestamp: res.data.timestamp, // 必填，生成签名的时间戳
						nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
						signature: res.data.signature, // 必填，签名
						jsApiList: ["updateAppMessageShareData",
							"updateTimelineShareData",
						], // 必填，需要使用的JS接口列表
					});
					setTimeout(() => {
						wx.ready(() => {
							//自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）
							wx.updateAppMessageShareData({
								title: "碧波庭30周年扭在“仪器”", // 分享标题
								desc: "扭在“仪器”集章册上线了，快来参与集章，扭出惊喜好礼吧！", // 分享描述
								link: "https://th.biboting.cn/badge/", // 该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
								imgUrl: "http://th.biboting.cn/static-file/badge_share.png", // 分享图标
								success: (res) => {
									// uni.showModal({
									// 	title: '分享成功~',
									// })
								},
								cancel: function() {
									// 用户取消分享后执行的回调函数
									// uni.showModal({
									// 	title: '取消分享~',
									// })
								},
								fail: (r) => {
									// uni.showModal({
									// 	title: '失败~',
									// })

								}
							});
							//自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
							wx.updateTimelineShareData({
								title: "碧波庭30周年扭在“仪器”", // 分享标题
								desc: "扭在“仪器”集章册上线了，快来参与集章，扭出惊喜好礼吧！", // 分享描述
								link: "https://th.biboting.cn/badge/", // 该链接域名或路径必须与当前页面对应的公众号 JS 安全域名一致
								imgUrl: "http://th.biboting.cn/static-file/badge_share.png", // 分享图标
								success: (res) => {
									// uni.showModal({
									// 	title: '分享成功2',
									// })
								},
								cancel: function() {
									//用户取消分享后执行的回调函数
									// uni.showModal({
									// 	title: '取消分享2',
									// })
								},
								// fail: (r) => {
								// 	uni.showModal({
								// 		title: '失败2~',
								// 	})
								// }
							});
						});
						wx.error((res) => {
							console.log(res)
							// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
							// getSignature()
						})
					}, 500);
				});
			} else {
				// 普通浏览器
				// 设置 meta 标签中的图片链接   微信微信
				var meta = document.createElement("meta");
				meta.setAttribute("property", "og:image");
				meta.setAttribute(
					"content",
					"http://th.biboting.cn/static-file/badge_share.png"
				);
				document.getElementsByTagName("head")[0].appendChild(meta);

				// 设置 meta 标签中的页面描述  微信微信
				var metaDescription = document.createElement("meta");
				metaDescription.setAttribute("property", "og:description");
				metaDescription.setAttribute(
					"content",
					"扭在“仪器”集章册上线了，快来参与集章，扭出惊喜好礼吧！"
				);
				document.getElementsByTagName("head")[0].appendChild(metaDescription);

				// 设置 meta 标签中的图片链接 QQ适用
				var meta = document.createElement("meta");
				meta.setAttribute("name", "twitter:image"); // 修改为name   twitter:image标签
				meta.setAttribute(
					"content",
					"http://th.biboting.cn/static-file/badge_share.png"
				);
				document.getElementsByTagName("head")[0].appendChild(meta);

				// 设置 meta 标签中的页面描述  QQ适用
				var metaDescription = document.createElement("meta");
				metaDescription.setAttribute("name", "description"); // 使用 name 属性
				metaDescription.setAttribute(
					"content",
					"扭在“仪器”集章册上线了，快来参与集章，扭出惊喜好礼吧！"
				);
				document.getElementsByTagName("head")[0].appendChild(metaDescription);
			}
		},
		methods: {
			getSignUrl() {
				var signLink = ''
				var ua = navigator.userAgent.toLowerCase();
				if (/iphone|ipad|ipod/.test(ua)) {
					signLink = uni.getStorageSync('WxCodeUrl') ? uni.getStorageSync('WxCodeUrl').split('#')[0] : null;
					if (!signLink) signLink = location.href.split('#')[0]
				} else {
					signLink = location.href.split('#')[0]
				}
				this.globalData.signLink = signLink
				// console.log(signLink)
				// return signLink;
			},
			// 判断是否是微信浏览器，只在微信浏览器调用分享配置
			isWeixin() {
				const ua = navigator.userAgent.toLowerCase();
				if (ua.match(/MicroMessenger/i) == "micromessenger") {
					return true;
				} else {
					return false;
				}
			},
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	.page {
		max-width: 750px;
		margin: 0 auto;
	}
</style>
